<template>
    <div class="detailed">
        <van-nav-bar>
            <template #left>
                <van-icon @click="goto" name="arrow-left" color="#999999" size="18" />
            </template>
        </van-nav-bar>
        <div class="center">
            <div class="time">2023-03-05 12:04</div>
            <div class="advertisement">
                <a href="https://act.mogu.com/imc/ssale/20230307/new/h5?x_fullscreen=true&track_code=ump311281220230305&utl_ptp=0._ntfy.3112812202303050.0&screentype=0&ump_v=2">
                    <div class="img">
                        <van-image width="300" height="133" src="https://s10.mogucdn.com/mlcdn/c45406/230301_54flh2cae8i87lahd1g0gek51hae2_750x334.jpg_750x999.jpg" />
                    </div>
                    <div class="text">
                        <p>🧧狂欢开幕！10000+绝美春款已集结，💥一件不买算我输！</p>
                        <div class="but">
                            <div class="left">查看详情</div>
                            <div class="bd">
                                <van-image width="7" height="12" src="https://s10.mogucdn.com/mlcdn/c45406/181107_2ll0bc2l000hl7ek6f51h33kg6djl_26x44.png" />
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</template>
<script>
export default{
    data(){
        return{

        }
    },
    methods:{
        goto(){
            this.$router.go(-1)
        }
    }
}
</script>

<style lang="scss" scoped>
.detailed{
    position: relative;
    .van-nav-bar{
        position: sticky;
        top: 0px;
        left: 0px;
    }
    .center{
        padding-top: 15px;
        .time{
            width: 100%;
            height: 16px;
            color: #999;
            text-align: center;
            margin-bottom: 15px;
        }
        .advertisement{
            width: 300px;
            height: 215px;
            margin: 0px auto 15px;
            .text{
                width: 300px;
                box-sizing: border-box;
                padding: 0px 10px;
                background-color: #fff;
                p{
                    margin: 0px;
                    height: 40px;
                    border-bottom: 1px solid #e5e5e5;
                    font-size: 12px;
                }
                .but{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    height: 40px;
                    .left{
                        font-size: 12px;
                        color: #333;
                    }
         
                }
            }
        }
    }
}
a{
    font-size: 12px;
    color: #333;
    &:link{
        color: #333;
    }
    &:active{
        color: #333;
    }
    &:hover{
        color: #333;
    }
    &:visited {
        color: #333;
    }
}
</style>